<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <!--
    什么是js？
      html - 搭建骨架
      css - 美化界面
      js - 给网页添加动画效果  ES

      特点：
        1.属于脚步语言， 不需要编译直接由浏览器解析和执行！
        2.弱类型语言，变量的赋值不限制值的类型
        3.基于面向对象编程的语言，有一些和面向对象相似的点 - es6
        4.安全性高。js语言智能访问浏览器内容的数据，而不能访问浏览器外部磁盘上的其他数据！
        5.交互性强。可以直接嵌入在html页面中直接和用户交互！

    js使用方式
      有三种使用方式
          1. 内联： 直接在标签的事件属性上添加js代码，当事件触发时执行！
           <input type="button" onclick=“alert(”内联触发“)”>

          2.内部: 在html页面中添加script标签， 在标签内部写js代码
            <script>
               /*弹窗输出*/
               alert('内部引入方式！！！')
               var a = 100;
               /*日志打印输出*/
               console.log("控制台打印输出！！！！！a = " + a)
            </script>

         3. 外部引入
            在单独的js文件中写js代码。，然后再html中通过script标签的src属性引入
          <script src="js01.js"></script>
  -->

  <input type="button" value="按钮" onclick="alert('内联引入js。事件触发成功!')">
  <!--内部引入js-->
  <script >
     /*弹窗输出*/
     alert('内部引入方式！！！')
     var a = 100;
     /*日志打印输出*/
     console.log("控制台打印输出！！！！！a = " + a)
  </script>

  <!--外部引入js
      注意：当script标签是再引入外部js文件时，不要在script表中再撰写代码，如果写了，不会被执行！！！！！
    -->
  <script src="js01.js"></script>

</body>
</html>